<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <!--IE 6.7.8的兼容处理-->
    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico"/> <!--引入网站图标-->
    <link rel="stylesheet" href="less/font-awesome.css"/><!--引入字体图标-->
    <link rel="stylesheet" href="less/base.css"/> <!--引入公共样式文件-->
    <link rel="stylesheet" type="text/less" href="less/haitao.less"/>
    <link rel="stylesheet" href="less/haitao.css"/>
    <title>慢慢买-海淘</title>

</head>
<body>

<!--遮罩层-->
<div class="Ht_mask">
    <div class="Ht_maskcontent">
        <span class="fa fa-spinner fa-spin"></span>
        <p>正在加载 <s></s></p>
    </div>
</div>

<!--嗨淘头部Begin-->
<header class="Ht_header">
    <span class="fa fa-angle-left"></span>
    <h3>嗨淘</h3>
    <span class="fa fa-search"></span>
</header>
<!--嗨淘头部E-->

<!--页面主题部分B-->
<div class="Ht_main clearfix">
    <ul class="Ht_goods">
        <li>
            <a href="">
                <div class="Ht_pic">
                    <img src="images/Ht001.jpg" alt=""/>
                </div>
                <div class="Ht_content">
                    <div class="Ht_theme">
                        <p>善魔师儿童保温水杯THERMRO<wbr>ES儿童保温杯1L FFR-1004WF D-BL</p>
                    </div>
                    <div class="Ht_price"><span>184元</span></div>
                    <div class="Ht_info">
                        <span class="Ht_addr">日本亚马逊</span>
                        <span class="Ht_time">19:23</span>
                        <p class="Ht_message"><span class="fa fa-comments"></span><span>0</span></p>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="">
                <div class="Ht_pic">
                    <img src="images/Ht002.jpg" alt=""/>
                </div>
                <div class="Ht_content">
                    <div class="Ht_theme">
                        <p>善魔师儿童保温水杯THERMRO<wbr>ES儿童保温杯1L FFR-1004WF D-BL</p>
                    </div>
                    <div class="Ht_price"><span>184元</span></div>
                    <div class="Ht_info">
                        <span class="Ht_addr">日本亚马逊</span>
                        <span class="Ht_time">19:23</span>
                        <p class="Ht_message"><span class="fa fa-comments"></span><span>0</span></p>
                    </div>
                </div>
            </a>
        </li>
        <!--<li>-->
            <!--<a href="">-->
                <!--<div class="Ht_pic">-->
                    <!--<img src="images/Ht003.jpg" alt=""/>-->
                <!--</div>-->
                <!--<div class="Ht_content">-->
                    <!--<div class="Ht_theme">-->
                        <!--<p>善魔师儿童保温水杯THERMRO<wbr>ES儿童保温杯1L FFR-1004WF D-BL</p>-->
                    <!--</div>-->
                    <!--<div class="Ht_price"><span>184元</span></div>-->
                    <!--<div class="Ht_info">-->
                        <!--<span class="Ht_addr">日本亚马逊</span>-->
                        <!--<span class="Ht_time">19:23</span>-->
                        <!--<p class="Ht_message"><span class="fa fa-comments"></span><span>0</span></p>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</a>-->
        <!--</li>-->
        <!--<li>-->
            <!--<a href="">-->
                <!--<div class="Ht_pic">-->
                    <!--<img src="images/Ht003.jpg" alt=""/>-->
                <!--</div>-->
                <!--<div class="Ht_content">-->
                    <!--<div class="Ht_theme">-->
                        <!--<p>善魔师儿童保温水杯THERMRO<wbr>ES儿童保温杯1L FFR-1004WF D-BL</p>-->
                    <!--</div>-->
                    <!--<div class="Ht_price"><span>184元</span></div>-->
                    <!--<div class="Ht_info">-->
                        <!--<span class="Ht_addr">日本亚马逊</span>-->
                        <!--<span class="Ht_time">19:23</span>-->
                        <!--<p class="Ht_message"><span class="fa fa-comments"></span><span>0</span></p>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</a>-->
        <!--</li>-->
    </ul>
</div>
<!--页面主题部分E-->

<!--海淘主页面点击加载更多-->
<div class="Ht_clickMore">
    <p class="fa fa-navicon">点击或滑动加载更多</p>
</div>
<!--海淘主页面点击加载更多，ajax请求art模板-->
<script type="text/html" id="Ht_main_art">
 {{each result as value i}}
    <li id={{value.productId}}>
        <a href="javascript:;" >
            <div class="Ht_pic">
                {{#value.productImgLg}}
            </div>
            <div class="Ht_content">
                <div class="Ht_theme">
                    <p>{{value.productName}}</p>
                </div>
                <div class="Ht_price"><span>{{value.productPinkage}}</span></div>
                <div class="Ht_info">
                    <span class="Ht_addr">{{value.productFrom}}</span>
                    <span class="Ht_time">{{value.productTime}}</span>
                    <p class="Ht_message"><span class="fa fa-comments"></span><span>{{value.productComCount[0]}}</span></p>
                </div>
            </div>
        </a>
    </li>
 {{/each}}
</script>

<!--右侧边搜索栏B-->
<div class="Ht_rightside">
    <!--头部搜索框-->
    <div class="Ht_r_top">
        <span class="fa fa-angle-left"></span>
        <!--折扣-->
        <div class="Ht_r_discount">
            <a href="javascript:;">
                <span>折扣</span>
                <span class="fa fa-angle-right"></span>
            </a>
            <div class="Ht_r_disbox">
                <ul>
                    <li><a href="">商品</a></li>
                    <li><a href="">折扣</a></li>
                    <li><a href="">晒评</a></li>
                </ul>
            </div>
        </div>
        <form action="">
            <input type="search" class="Ht_r_search"  placeholder="搜索海淘折扣"/>
            <input type="button"  class="Ht_r_btn" value="搜索"/>
        </form>
    </div>
</div>
<!--右侧边搜索栏E-->

<!--&lt;!&ndash;右侧边栏详情页;-->
<div class="Ht_detail clearfix">
    <!--头部
    <div class="Ht_d_top">
        <span class="fa fa-angle-left"></span>
        <div class="Ht_d_comment f_right">
            <span class="fa fa-comments"></span><span>0条评论</span>
        </div>
    </div>
    <div class="Ht_d_main">
        <h3>Onitsuka Tiger 鬼冢虎 Serrano 女款 休闲运动鞋 穿着舒适</h3>
        <p class="price">211元</p>
        <p><span>推荐人 : MrDax</span><span>ebay</span><time>2016-11-23 13:19</time></p>
    </div>
    <div class="Ht_d_info">
        <p>ebay卖家ascsamerica线这款归湖中serrano女款休闲鞋售价29.99美元，喜欢可入，更多优惠参考来啦
        近两年来，归湖中进入国内的步伐原来越快，多数商场</p>
        <img src="" alt=""/>
    </div>
    <div class="Ht_d-big">
        <img src="" alt=""/>
    </div>
    <footer class="Ht_d_foot">

    </footer>-->
</div>
<!--右侧详情页模板引擎-->
<script type="text/html" id="detail_art">
    <div class="Ht_d_top">
        <span class="fa fa-angle-left"></span>
        <div class="Ht_d_comment f_right">
            <span class="fa fa-comments"></span><span>{{result[0].productComCount}}</span>
        </div>
    </div>
    <!--内容详情-->
    <div class="Ht_d_main">
        <h3>{{result[0].productName}}</h3>
        <p class="price">{{result[0].productPinkage}}</p>
        <p><span>{{result[0].productTips}}</span><span>{{result[0].productFrom}}</span><time>{{result[0].productTime}}</time></p>
    </div>
    <div class="Ht_d_info">
        <p>{{result[0].productInfo}}{{result[0].productInfo1}}{{result[0].productInfo2}}</p>
        {{#result[0].productImgSm}}
    </div>
    <div class="Ht_d-big">
        {{#result[0].productImgLg}}
    </div>
    <footer class="Ht_d_foot clearfix">
        <div class="Ht_way">
            <p> 相关攻略：</p>
            <p>《美国亚马逊 注册&直邮&转运购物攻略》</p>
            <br/>
            <p>《海套新人教程 海外购物流程 如何嗨淘》</p>
        </div>
        <div class="Ht_talk">
            <p>官方嗨淘聊天群，164836477（适合哪些想了解嗨淘爆料，也想要别人讨论嗨淘的事情）</p>
            <p>官方嗨淘聊天群，164836477（适合哪些想了解嗨淘爆料，也想要别人讨论嗨淘的事情）</p>
            <p>官方嗨淘客服qq:2654255364</p>
        </div>
        <div class="Ht_greet clearfix">
            <div class="circle"><i class="fa fa-thumbs-o-up"></i><span>0</span></div>
            <div class="circle"><i class="fa fa-thumbs-o-down"></i><span>0</span></div>
        </div>
        <div class="Ht_share">
            <span>分享到</span>
            <ul class="Ht_share_ul">
                <li><a href=""><span class="fa fa-wechat"></span><span>微信好友</span></a></li>
                <li><a href=""><span class="fa fa-facebook"></span><span>微信朋友圈</span></a></li>
                <li><a href=""><span class="fa fa-weibo"></span><span>新浪微博</span></a></li>
                <li><a href=""><span class="fa fa-twitter"></span><span>更多</span></a></li>
            </ul>
        </div>
        <div class="Ht_subject">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </footer>
</script>

<!--<script src="js/jquery.min.js"></script>-->
<script src="lib/zepto/zepto.min.js"></script>
<script src="lib/zepto/fx.js"></script>
<!--<script src="lib/zepto/selector.js"></script>-->
<!--<script src="lib/zepto/touch.js"></script>-->
<!--<script src="lib/zepto/swipe.js"></script>-->
<!--引入artTemplate-->
<script src="js/template.js"></script>
<!--引入flexble布局插件-->
<script src="js/flexible.js"></script>
<script src="js/haitao.js"></script>
</body>
</html>